@charset "utf-8";
/* margin */
.m10{margin:10px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}

.m10-i{margin:10px!important;}
.mt10-i{margin-top:10px!important;}
.mr10-i{margin-right:10px!important;}
.mb10-i{margin-bottom:10px!important;}
.ml10-i{margin-left:10px!important;}

/* padding */
.p10{padding:10px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}

.p10-i{padding:10px!important;}
.pt10-i{padding-top:10px!important;}
.pr10-i{padding-right:10px!important;}
.pb10-i{padding-bottom:10px!important;}
.pl10-i{padding-left:10px!important;}

/* top right bottom left*/
.t10{top:10px;}
.r10{right:10px;}
.b10{bottom:10px;}
.l10{left:10px;}
.trbl10{top:10px;right:10px;bottom:10px;left:10px;}

.t10-i{top:10px!important;}
.r10-i{right:10px!important;}
.b10-i{bottom:10px!important;}
.l10-i{left:10px!important;}
.trbl10-i{top:10px!important;right:10px!important;bottom:10px!important;left:10px!important;}

/* height line-height width */
.h10{height:10px;}
.lh10{line-height:10px;}
.w10{width:10px;}

.h10-i{height:10px!important;}
.lh10-i{line-height:10px!important;}
.w10-i{width:10px!important;}

/* border */
.bor10{border-width: 10px;}
.bor_t10{border-top-width: 10px;}
.bor_r10{border-right-width: 10px;}
.bor_b10{border-bottom-width: 10px;}
.bor_l10{border-left-width: 10px;}

.bor10-i{border-width: 10px!important;}
.bor_t10-i{border-top-width: 10px!important;}
.bor_r10-i{border-right-width: 10px!important;}
.bor_b10-i{border-bottom-width: 10px!important;}
.bor_l10-i{border-left-width: 10px!important;}